$(document).ready(function() {
    $("#datatable").dataTable({
        "processing": true,
        "serverSide": true,
        "ajax" : "/index?index=101",
        "dom": '<"toolbar"><><"claer">t<i"F"pl>',
        "bJQueryUI": true,
        "bSort":false,
        "columns": [
            {"data": "id"},
            {"data": "firstName"},
            {"data": "lastName"},
            {"data": null}
        ],
        "columnDefs": [
            {
                "targets": [3],
                "data": "id",
                "render": function(data, type, full) {
                    return "<a href='javascript:void(0);' title='编辑'  onclick=\"edi(' "+data.id+" ')\"><span style='color:blue'>编辑</span></a><a href='javascript:void(0);' title='删除'  onclick=\"del('"+data+"')\"><span style='color:blue'>删除</span></a>";
                }
            }
        ],
        initComplete: function () {
            $(".toolbar").append("<button class='btn btn-primary'>搜索</button><button class='btn' id='addDialog'>添加数据</button><button class='btn'>选中删除</button>");
        },
        "oLanguage": { //国际化配置
            "sProcessing" : "正在获取数据，请稍后...",
            "sLengthMenu" : "显示 _MENU_ 条",
            "sZeroRecords" : "没有您要搜索的内容",
            "sInfo" : "从 _START_ 到  _END_ 条记录 总记录数为 _TOTAL_ 条",
            "sInfoEmpty" : "记录数为0",
            "sInfoFiltered" : "(全部记录数 _MAX_ 条)",
            "sInfoPostFix" : "",
            "sSearch" : "搜索",
            "sUrl" : "",
            "oPaginate": {
                "sFirst" : "第一页",
                "sPrevious" : "上一页",
                "sNext" : "下一页",
                "sLast" : "最后一页"
            }
        },
    });
});

//表格操作
$("#addDialog").click(initSingleData);
$("#addSave").click(add);
/**
 * 初始化模态框
 */
function clearDialog(){
    //清空
    $(".modal-title").empty();
    $(".modal-body").empty();
    $(".modal-footer").find("button:eq(1)").attr("id","");
}
/**
 * 配置模态框新增
 */
function ModelAdd(title,items){
    clearDialog();
    var  modelbody="";
    //定义一个模态框的标题
    $(".modal-title").text(title);
    //定义模态框主体
    for(var i =0;i<items.length;i++){
        modelbody+='<div class="form-group">\
                        <label for="">'+items[i]+'</label>\
                        <input type="text" class="form-control">\
                        </div>';
    }
    $(".modal-body").append(modelbody);
    //设置模态框的保存id区分不同的模态框
    $(".modal-footer").find("button:eq(1)").attr("id","addSave");
}
/**
 * 配置模态框对话
 */
function ModelDiglog(title,message){
    clearDialog();
    var  modelbody="";
    //定义一个模态框的标题
    $(".modal-title").text(title);
    //定义模态框主体
    $(".modal-body").append("<h3>'+message+'</h3>");
    //设置模态框的保存id区分不同的模态框
    $(".modal-footer").find("button:eq(1)").attr("id","dialogSave");
}
/**
 * 初始化基础数据
 */
function initData() {
    var flag = confirm("本功能将添加数据到数据库，你确定要添加么？");
    if (flag) {
        $.get("/objects.txt", function (data) {
            var jsondata = JSON.parse(data);
            $(jsondata.data).each(function (index, obj) {
                ajax(obj);
            });
        });
    }
}

/**
 * 新增
 */
function initSingleData() {
    ModelAdd("新增",['标题1',"标题2","标题3"]);
    $("#myModal").modal();
}

/**
 * 清除
 */
function clear() {
    $("#name").val("").attr("disabled",false);
    $("#position").val("");
    $("#salary").val("");
    $("#start_date").val("");
    $("#office").val("");
    $("#extn").val("");
    editFlag = false;
}

/**
 * 添加数据
 **/
function add() {
    var addJson = {
        "name": $("#name").val(),
        "position": $("#position").val(),
        "salary": $("#salary").val(),
        "start_date": $("#start_date").val(),
        "office": $("#office").val(),
        "extn": $("#extn").val()
    };

    ajax(addJson);
}

/**
 *编辑方法
 **/
function edit(name,position,salary,start_date,office,extn) {
    console.log(name);
    editFlag = true;
    $("#myModalLabel").text("修改");
    $("#name").val(name).attr("disabled",true);
    $("#position").val(position);
    $("#salary").val(salary);
    $("#start_date").val(start_date);
    $("#office").val(office);
    $("#extn").val(extn);
    $("#myModal").modal("show");
}

function ajax(obj) {
    var url ="/add.jsp" ;
    if(editFlag){
        url = "/edit.jsp";
    }
    $.ajax({
        url:url ,
        data: {
            "name": obj.name,
            "position": obj.position,
            "salary": obj.salary,
            "start_date": obj.start_date,
            "office": obj.office,
            "extn": obj.extn
        }, success: function (data) {
            table.ajax.reload();
            $("#myModal").modal("hide");
            $("#myModalLabel").text("新增");
            clear();
            console.log("结果" + data);
        }
    });
}


/**
 * 删除数据
 * @param name
 */
function del(name) {
    $.ajax({
        url: "/del.jsp",
        data: {
            "name": name
        }, success: function (data) {
            table.ajax.reload();
            console.log("删除成功" + data);
        }
    });
}

